<template>
  <div class="wrapper">
    <div v-if="!askGoods.goods_id" class="noMore">
      暂无信息
    </div>
    <div class="askBox" v-else>
      <u-row :gutter="24">
        <u-col span="2" @click="goodsDetail()">
          <image class="img" :src="queryGoodsDetail.thumbnail"></image>
        </u-col>
        <u-col span="8" @click="goodsDetail()">
          <h5 style="padding-left:10rpx;">{{queryGoodsDetail.goodsName}}</h5>
        </u-col>

      </u-row>
      <u-row>
        <u-col span="12">
          <u-input v-model="params.askValue" height="200" type="textarea" :border="border" />
        </u-col>
        <u-radio-group v-model="params.anonymous" @change="radioGroupChange">
          <u-radio @change="radioChange">
            匿名提交
          </u-radio>
        </u-radio-group>
        <u-col span="12">
          <u-row :gutter="12">
            <u-col :offset="1" span="4">
              <u-button class="btns" @click="askValue=''">清空</u-button>
            </u-col>
            <u-col :offset="2" span="4">
              <u-button class="btns" @click="getAskMessage()" type="success">提交</u-button>
            </u-col>
          </u-row>
        </u-col>
      </u-row>
    </div>
  </div>
</template>
<script>
import * as API_GOODS from "../../api/goods";
import * as API_MEM from "../../api/members";
export default {
  data() {
    return {
      askGoods: "",
      queryGoodsDetail: "",
      border: true,
      params: {
        askValue: "",
        anonymous: "YES",
      },
    };
  },
  onLoad(options) {
    this.askGoods = options;
    this.getGoodsData();
  },
  methods: {
    getGoodsData() {
      if (this.askGoods.goods_id) {
        API_GOODS.getGoods(this.askGoods.goods_id).then((result) => {
          this.queryGoodsDetail = result.data;
        });
      }
    },
    getAskMessage() {
      uni.showLoading();
      if (this.params.askValue == "") {
        uni.showToast({
          title: "请填写内容!",
          icon: "none",
        });
         if (this.$store.state.isShowToast){ uni.hideLoading() };
        return false;
      }
      API_MEM.consultating(
        this.askGoods.goods_id,
        this.params.askValue,
        this.params.anonymous
      )
        .then((res) => {
          if (res.statusCode == 200) {
            uni.showToast({
              title: "提交成功!",
              icon: "none",
            });
            this.askValue = "";
          }
           if (this.$store.state.isShowToast){ uni.hideLoading() };
        })
        .catch((err) => {
        
           if (this.$store.state.isShowToast){ uni.hideLoading() };
        });
    },
    radioGroupChange(e) {
     
    },
    radioChange(e) {
      if (this.anonymous == "YES") {
        this.anonymous = "NO";
      } else {
        this.anonymous = "YES";
      }
    },
  },
};
</script>
<style scoped lang="scss">
.img {
  max-width: 100%;
  height: 100rpx;
}

.noMore {
  text-align: center;
  margin: 40rpx 0;
}

.askBox {
  padding: 32rpx;
}

/deep/ .u-col {
  text-align: center;
  padding: 16rpx 0 !important;
}

.wrapper {
  background: #fff;
  padding: 32rpx 0;
}
</style>
